// // 覆盖暗黑主题变量
// @forward "element-plus/theme-chalk/src/dark/var" with (
//   $el-font-size: (
//     base: 14px,
//     dark: 15px,
//     button: 14px,
//     table: 13px
//   )
// );

// 引入编译后的样式（关键修改）
@use "element-plus/theme-chalk/src/dark/css-vars" as *;
@use "theme-mixins" as *;

.dark {
}

body {
  font-size: 1em;
  margin: 0;
  overscroll-behavior: none; 
}

.el-drawer__header { 
  color: black !important;
  font-weight: bolder;
  
  .el-drawer__title {
    font-size: 25px;
  }
}

.chat-drawer {
  color: #e0e0ff;
  
  .el-drawer__header {
    margin-bottom: 0;
    padding: 15px 20px;
    background-color: #1a1c2d;
    color: #b6bdf4 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #2d2f4a;
  }
  
  .el-drawer__body {
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}

.auth-dialog {
  width: 80vw !important;
  padding: 50px !important;

  @media (min-width: 768px) {
    width: 40vw !important;
  }

  @media (min-width: 1024px) {
    width: 25vw !important;
  }

  .el-button {
    width: 100%;
  }
}